
<template>
	<view class="content">
		
		<view v-for="vlist in list" class="t">
			<view @click="ts(vlist.id)" class="buts">{{vlist.cate_name}}</view>
		</view>
<!-- 		<view class="t">
			<view @click="ts()" class="buts">QQ聊天记录</view>
		</view> -->
	<!-- 	<view>
			<view class="title">{{title}}</view>
		</view> -->
	</view>
</template>

<script>


	export default {
		data() {
			return {
				title: 'Hello',
				list:[]
			}
		},
		onLoad() {
			this.http();
		},
		methods: {
			ts(id){
				uni.navigateTo({
    				url:"/pages/index/list?id="+id
    			});
			},
			http(){
			
                uni.request({
                	url:"/api/?url=list",
                	method:"POST",

                	success:(res)=>{
                	console.log(res.data)
                		this.list=res.data;
                	}
                	
                })

			}
		}
	}
</script>

<style>
	.buts{
		background: #7ac7ff;
		color: #fff;
		    line-height: 44px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px;
    font-size: 14px;
	}
	.t{
/*		    padding-top: 100px;*/
   padding-bottom: 20px;
	}
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 15px;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin: 200rpx auto 50rpx auto;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
